<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/section.css" />
	</head>
	<body>
		<div id="spread">
			<video autoplay loop>
				<source src="http://ossweb-img.qq.com/images/lol/v2/banner/back-v7.mp4" type="video/mp4"></source>
				你的浏览器OUT了
			</video>
			<div id="spread-section">
				<h1>
					对决！黎明VS黑夜
				</h1>
				<p>秩序。混沌。二者相争不绝，无所不用其极。疾风化尽，命数将成</p>
				<div>
					<video  autoplay loop>
						<source src="http://ossweb-img.qq.com/images/lol/v2/banner/small-v7.mp4" type="video/mp4"></source>
					</video>
					<i class="alt-sp"></i>
				</div>
				<a href="#" class="details">
					查看详情
				</a>
			</div>
			
		</div>
		<div id="alt-MP4">
			<div>
				<video  loop controls="controls">
					<source src="http://ossweb-img.qq.com/images/lol/v2/banner/small-v7.mp4" 
						type="video/mp4"></source>
				</video>
				<span>
					×
				</span>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="js/section.js" ></script>
</html>
